<template>
    <div class="comment">
        <div class="comment-head">
            <div class="comment-head-board"></div>
            <div class="comment-head-text">精彩评论</div>
        </div>
        <DetailCommentItem v-for="item in commentList" :comment-item="item"></DetailCommentItem>
    </div>
</template>

<script>
    import DetailCommentItem from "@/views/detail821/childdetail821/DetailCommentItem821";
    export default {
        name: "DetailComment",
        props:{
            commentList:Array
        },
        components:{
            DetailCommentItem
        }
    }
</script>

<style scoped>
    .comment{
        width: 100%;
    }
    .comment-head{
        margin-top: 15px;
        margin-left: 15px;
    }
    .comment-head-board{
        width: 95%;
        margin: auto;
        border: 1px solid #f6f6f6;
        margin-bottom: 15px;
    }

</style>